---
import { Image, Picture } from '@astrojs/image/components';
import Layout from '@layouts/Layout.astro';
// import Card from '@components/Card.astro';
import Ss from '@components/ss.svelte'
const htmlString = '<p>原始 HTML 内容</p>';
---

<Layout title="Welcome to Astro.">
	<main>
		<Fragment set:html={htmlString} />
		<Ss client:load />
		<div bg-yellow h20 op50 mt10 flex flex justify-center items-center fw300 w30 text-red>demo</div>


	<div w20 h20 bg-blue flex justify-center items-center op30>demo</div>

	<!-- <Card/> -->
	<Image src="https://pics2.baidu.com/feed/e1fe9925bc315c60e979657331100c194b5477ee.png" aspectRatio="4:3" width="600" alt="ddd" />
	</main>
</Layout>
